.a-btn{
    width:120px;
    height:120px;
    -webkit-border-radius:0%;
    -moz-border-radius:0%;
    border-radius:0%;
    display:block;
    margin:14px;
    float:left;
    background:#d8d8d8;
    position:relative;
   
}
.a-btn span{
    display:table-cell;
    width:80px;
    height:80px;
    padding:20px;
    text-align:center;
    vertical-align:middle;
    font-size:26px;
    color:#161524;
     -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn span:nth-child(1), 
.a-btn span:nth-child(3){
    position:absolute;
    top:0px;
    left:0px;
    font-size:40px;
    line-height:36px;
    opacity:0;
}

.a-btn:hover{
    background:#808080(170, 77, 27, 0.6);
    -webkit-box-shadow:0px 0px 5px 0px #808080(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #8b8b8b,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #8b8b8b;
    -moz-box-shadow:0px 0px 5px 0px #808080(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #8b8b8b,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #8b8b8b;
    box-shadow:0px 0px 5px 0px #808080(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #8b8b8b,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #8b8b8b;
}
.a-btn:hover span:nth-child(3){
    opacity:1;
}
.a-btn:hover span:nth-child(2){
    opacity: 0; 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}




